/* Important */
* {margin:0;padding:0}
body {padding:0 0 20px;background:#fff;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;margin:0 auto; width:90%} /* IE doesn't support min/max-width, so this doesn't work for IE folks */

/* Wrappers */
#wrap {margin:0 auto;position:relative;text-align:left}
#sidebar {position:absolute;top:0px;left:auto;right:0px;width:257px;}
#contentbox { margin-right:272px;width:685px;}
#contentbox { width:auto }
#contentbox #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold; text-decoration:none;}
#contentbox #breadcrumb a:link {text-decoration:none} 
#contentbox #breadcrumb a:hover {text-decoration:none}
#contentbox #breadcrumb a {text-decoration:none}
#content #breadcrumb a:active {text-decoration:none}
#content #breadcrumb a:visited {text-decoration:none}	
#content-wrap2 {background: #fff;position:relative;min-height:1050px; height:auto;margin:0 20px 0 20px}  /*  " when logged in */	
* html #content-wrap2 {height: 850px;}
	
/* General */
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family:arial,verdana,sans-serif;margin:.9em 0 .3em;color:#000; border-bottom:1px solid #D8B93B}
h1 {font-size:196%;margin-top:.6em}
h2 {font-size:136%;color:#774525;}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
ul {list-style:none}
img {border:none} 
hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
li {line-height: 1.4em;}
a,a:link,a:link,a:link,a:hover {cursor:pointer} 
a:link {color:#774525} 
a:visited {color:#774525} 
a:hover,a:active {color:#ce4a02}

/* Header */
.search2 {float:right; padding-right:20px; padding-top:7px}
#headbar {background:url("../images/headbar.png") repeat-x 0 100%; margin:0 20px 0 20px; padding:5px 10px 0px 10px; vertical-align:middle}
#header {margin:0 0 2px;padding:0 0 8px;width:100%;position:relative} 
#headbar form {margin:0}
#headbar form .login {width:100px}
#headbar ul { padding:2px 0; padding-bottom:4px }
#headbar ul  li{ display:inline }
#headbar ul a {color:#ce4a02; text-decoration:none;}
#headbar ul a:hover {text-decoration:underline}
#headbar ul .search2 {}
#header #site-name  {font:265% arial;letter-spacing:-.05em;height:60px;margin:0 0 0 20px;padding:3px 0;color:#fff;border:none} 
#sorts { position: absolute; right:40px; margin-top:-18px; color:#666;font-size:11px}
#sorts p{  font-size:11px}
#sorts a{ color:#ce4a02; font-size:11px}
#sorts a:hover { color:#000}
#sorts img {margin-bottom:-2px}

/* Tabs */
#cab {height:30px;margin-left:20px;}
#navbar {background:url("../images/navbar.png") repeat-x 0 0px; margin:2px 20px 0 20px; padding:14px 0 7px 10px;color:#666; font-size:11px}
#navbar a {color:#ce4a02; text-decoration:none}
#navbar a:hover{text-decoration:underline}
#cab ul {padding:0px 10px 0px 30px;list-style:none;}
#cab li {float:left; text-align:center; display:block; }
#cab a {color:#000}
#cab a:hover {color:#774525}
#cab a.navbut3 {float:left;background:url("../images/tabrB2.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut3:hover {background:url("../images/tabrightB.png") no-repeat right top;color:#774525}
#cab a.navbut3:hover {color:#774525}
#cab a.navbut3 span {float:left;background:url("../images/tablB2.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut3:hover span {background:url("../images/tableftB.png") no-repeat left top;}
#cab a.navbut4 {float:left;background:url("../images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut4:hover {color:#774525}
#cab a.navbut4 span {float:left;background:url("../images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab span a:hover {color:#000;}

.cab {padding:0px 10px 30px 5px;}
.cab span a {background:url("../images/story_tab2.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px;text-align:center; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}
.cab span.selected{cursor:text; font-weight:bold; color:#666; text-align:center; }
.cab span.selected  a{background:url("../images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}
.cab span a:hover { background:url("../images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}


/* Forms */
form {margin:0 0 1.5em}
input {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0}
input.submit {border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px}
input.submit-s {border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px} 
input.log2 {border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px}
 
/*Fieldsets */ 
fieldset {border:1px solid #ccc;padding:1em 1.5em;margin:1em 0; font-weight: normal;}
* html fieldset {background:none;}
fieldset dl {	margin:0;padding:0}
fieldset dt {	clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0}
fieldset dd {	padding:0 0 0.5em 0;font-weight:bold}
fieldset.labels label {	width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0}
fieldset.labels div {	padding:0.2em 0;clear:left} 
label {display:block;padding:5px 0;font-weight:bold}
label br {clear:left}
legend {	padding:0 0.5em;color:#000}

/* Tables */
table { width:100% }
table td, table th{ padding:0 4px; text-align:left; }
table th{ background: #EEEEEA; padding:4px; }
table th a:hover{ background:none; color:#CC0000;}	

/* Sidebar modules*/	
.featurebox { background:url("../images/featurebox_bg.png") no-repeat 100% 100%;color:#774525;padding:15px 0px 0px 10px;margin:0 0 15px}
.featurebox p {border:none;margin:0 0 1em;color:#444}
.featurebox a {color:#774525; text-decoration:none}
.featurebox a:hover {color:#ce4a02; text-decoration: underline}
.featurebox li a {margin-left:-10px;padding-left:20px;line-height:2em;}
.featurebox li.rmore {list-style:none; margin-left:155px;background:url("../images/more.png") no-repeat 100% 100%;}
.featurebox li.rmore a {text-decoration:none; font-size:12px;line-height:2.2em;}
.featurebox ul {margin-left:10px; margin-bottom:10px}
.featurebox ul a { margin-bottom:5px}
.tlb {background:url("../images/featurebox_h.png") no-repeat 0 0; margin:-15px -10px 0px;padding:3px 10px 5px} 
.tlb a {font-weight:bold;color:#774525; text-decoration:none; font-size:14px} 
.tlb strong {font-weight:bold;color:#774525} 
.tlb a:hover { color:#000; text-decoration:none} 
.tlb span { float:right; margin-top:-3px; margin-right:0px}
.tlb2 {margin:5px 0 0 0;padding:0px 0px 20px}
.tlb2 span a{background:url("../images/exp_on.png") no-repeat 0 0; margin-right:8px;cursor:pointer; float:left; display:block; color: #66c; width:58px; height:21px; text-align:center; padding-top:2px}
.tlb2 span.selected{cursor:text; font-weight:bold; color:#666; text-align:center; }
.tlb2 span.selected a{background:url("../images/exp_down.png") no-repeat 0 0; width:58px; height:21px;cursor:text; float:left; display:block;margin-right:8px; font-weight:bold; color:#666; text-align:center; padding-top:2px}
.sstories { background:url("../images/vote_count.png") no-repeat 0 0; padding-top:3px; padding-right:13px; float:left;}
.count_total { margin-left:8px; color:#774525; font-weight:bold; font-size:110%}

#nav-secondary, #nav-secondary ul {position:static;margin:0}
#nav-secondary, #nav-secondary li {list-style:none;margin:0;padding:0; display:block;}
#nav-secondary {padding-top:0;margin-top: 10px}
#nav-secondary a {line-height:1.5;font:96% arial;display:block; color:#66c;border-bottom:1px solid #eadfb4;}
#nav-secondary a:hover {color:#666}

a.switchurl {border-bottom:1px solid #eadfb4;display:block;margin-right:8px;padding:0 0 4px 5px}

/* News items  */
.news-summary {padding:1px 0 10px 0;position:relative;clear:left;width:100%}
/* Headline */
.top {padding:0 0 0 5px;margin-left:60px;}
.top h4 {margin:0;padding-left:4px;font-size:160%;font-weight:normal}
.top h4 a:link, .top h4 a:visited {color:#36c; font-weight:bold}
.top h4 a:hover {color:#000;}
.toptitle {margin:0;font-size:16px;font-weight:normal;}
.toptitle a:link, .toptitle a:visited {color:#774525; font-weight:bold}
.toptitle a:hover {color:#333;}
/* The URL and Poster below headline */
.news-submitted {font-size:85%;margin-bottom:3px;color:#999999; }
.news-submitted a {color:#999; text-decoration:underline}
.news-submitted a:hover {text-decoration:none}
.news-submitted img {float:left;margin-right:4px; margin-top:3px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */
/* Post text */
.news-body-text {margin:10px 0px 0px 0px; font-size:96%}
/* Post details below text */
.news-details {margin:0;font-size:85%}
.news-details a:link, .news-details a:visited {color: #774525;text-decoration:none}
.news-details a:hover, .news-details a:active {color:#333;text-decoration:underline}
.news-details b {color:#c00}
* html .news-details {padding-right:136px}
.news-details select {border:none}
.news-details .tool {display:block;float:left;padding:0 4px 0 4px}
.news-details .tool-right {	display:block;float:left;padding:0 4px 0 4px}
.news-details .comments_no {	padding-left:37px;border-left:none}
ul.news-details li li {	border-left:none;float:none;height:21px}

/* Votebox*/
.news-upcoming {background:url("../images/vote.png") no-repeat 0 0;position:absolute;top:3px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-upcoming2 {background:url("../images/vote-l.png") no-repeat 0 0;position:absolute;top:3px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.vote-publish a {font-size:26px;letter-spacing:-1px;text-decoration:none;line-height:48px;padding:15px 0 6px 0}
.vote-publish a small {font-size:12px;letter-spacing:0px;text-decoration:none} 
.vote-publish a:link, .vote-publish a:visited {color:#774525}
.vote-publish a:hover, .vote-publish a:active {text-decoration:none;color:#000}
.vote a:link,.vote a:visited, .vote span {display:block;padding:4px 0 5px 0;color:#774525;font-size:12px; text-decoration:none}
.vote a:hover {color:#000}
.vote span {color:#ccc;font-size:11px}

/* Comments*/
#comment-wrap {border-bottom:solid 1px #e1e1e1}
#comment-head {background:#e1e1e1;width:100%;}
.comment-body {background:#fafafa;padding:0 4px}
.comment-info {background:#fafafa;font-size:80%;text-align:right;padding-right:4px}
 /*Comments avatar */
.avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;}
/* Comments rating buttons */
#comment-subhead {float:right;margin-top:-21px;font-size:11px}
.ratemey {background:#009900;padding:1px 5px}
.ratemen {background:#c00;padding:1px 6px;color:#fff}
.rateme {color:#fff;font-size:14px}

/* Profile */
#wrapper {width: 100%;}
#stats {width: 48%; float: right; }
#personal_info {width: 48%; float: left;}
#bookmarklet {width: 100%; }

/* Live */
.live2 {margin: 10px 10px 10px 10px;background-repeat: no-repeat;background-position: bottom right; }
.live2 strong {font-size: 95%; }
.live2-item {width: 100%;clear: both;border-bottom: 1px solid #ccc;padding: 5px 2px 0px 2px;min-height: 25px;text-align: center;overflow: hidden;}
.live2-ts, .live2-type, .live2-votes, .live2-story, .live2-who, .live2-status {float: left;display: block;}
.live2-ts {width:10%;text-align: left;}
.live2-type {width:10%;text-align: left;}
.live2-type img {border:none;margin: 0 0 0 0;vertical-align: middle;}
.live2-votes {width:10%;text-align: left;}
.live2-story {width:37%;text-align: left;}
.live2-who {width:18%;text-align: left;}
.live2-status {width:15%;text-align: left;}
.live2-problem {color:#F00;}

/* Page navigation */ 	
.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
.pagination p {position:relative;text-align:right}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc; margin-right:1px}
.pagination p a:hover {background:#774525;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; margin-right:1px}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}

/* Footer */
.footer { border-top:1px solid #E3E8EE;padding:10px 0 30px 15px;font-size:86%;color:#999; margin-top:15px;}
.footer a:link {color:#999}
.footer a:hover {color:#774525}

/* Misc */
.error {color:#c00;font-weight:bold;margin-top:10px;border:1px solid #ff0000;background:#FFC5BE;padding:5px;}
.success {color:#390;font-weight:bold}